<%--
  Created by IntelliJ IDEA.
  User: 徐留森
  Date: 2021/6/22
  Time: 16:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <title>找回密码</title>

    <!-- Meta tags -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <!-- google fonts -->
    <link href="//fonts.googleapis.com/css2?family=Jost:wght@300;400;600&display=swap" rel="stylesheet">

    <!-- CSS Stylesheet -->
    <link rel="stylesheet" href="${ctx}/css/style.css" type="text/css" media="all" />

    <!-- fontawesome v5 -->
    <script src="https://kit.fontawesome.com/af562a2a63.js" crossorigin="anonymous"></script>

    <style>
        body{
            background: url(${ctx}/picture/登录背景.jpg) no-repeat;
            background-size:cover;
        }
        .login{
            opacity:0.9;
            transition: 1s;
        }
        .login:hover{
            transform: translateY(-30px);
            box-shadow: 0 0 10px 2px #f68084;
        }
        .register{
            opacity:0.9;
            transition: 1s;
        }
        .register:hover{
            transform: translateY(-30px);
            box-shadow: 0 0 10px 2px #f68084;
        }
    </style>

</head>

<body>

<section class="forms">
    <div class="container">

        <div class="forms-grid">

            <!-- 找回密码 -->
            <div class="register">
                <span class="fas fa-user-circle"></span>
                <strong>Retrieve password</strong>
                <form action="${ctx}/reset" method="post" class="register-form">
                    <fieldset>
                        <div class="form">
                            <div class="form-row">
                                <span class="fas fa-user"></span>
                                <label class="form-label" for="input">请输入你的用户名！</label>
                                <input type="text" name="logupname" class="form-text">
                            </div>
                            <div class="form-row">
                                <span class="fas fa-envelope"></span>
                                <label class="form-label" for="input">请输入你的注册电话！</label>
                                <input type="text" name="logupPhone" class="form-text">
                            </div>
                            <div class="form-row">
                                <span class="fas fa-lock"></span>
                                <label class="form-label" for="input">请输入你的新密码！</label>
                                <input type="password" name="loguppwd" class="form-text">
                            </div>
                            <div class="form-row button-login">
                                <button type="submit" class="btn btn-login">reset <span
                                        class="fas fa-arrow-right"></span></button>
                            </div>
                        </div>
                    </fieldset>
                </form>

                <!-- 创建完成提示 -->
                <span class="create-account">${msggg}</span>
            </div>
            <!-- 找回密码 -->


        </div>

        <!-- copyright -->
        <div class="copy-right">
            <p>&copy; 2021 WebChat | Design by <a href="https://gitee.com/GaoZX123/webchat"
                                                  target="_blank">The six</a></p>
        </div>
        <!-- //copyright -->
    </div>
</section>

</body>

</html>
